<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title></title>
    <script type="text/javascript" src="seckill/js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="seckill/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="seckill/js/swiper.min.js"></script>
    <script src="seckill/js/swiper.min.js"></script>
    <link rel="stylesheet" type="text/css" href="seckill/css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="seckill/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="seckill/css/success.css"/>

</head>

<body>
<!--头部-->
<div class="alert-info">
    <div class="hd_wrap_top">
        <ul class="hd_wrap_left">
            <li class="hd_home"><i class="glyphicon glyphicon-home"></i>
                <a href="http://loaclhost:10000">冰冰商城首页</a>
            </li>

        </ul>

        <ul class="hd_wrap_right">
            <li>
                <a th:if="${session.loginUser==null}" href="http://localhost:20000/login.html" class="li_2">请登录</a>
                <a th:if="${session.loginUser!=null}" style="width: 100px">[[${session.loginUser.nickname}]]</a>
            </li>
            <li>
                <a th:if="${session.loginUser == null}" href="http://localhost:20000/reg.html">免费注册</a>
            </li>
            <li class="spacer"></li>

            <li>
                <a th:if="${session.loginUser!=null}" href="http://localhost:8000/memberOrder.html">我的订单</a>
            </li>


        </ul>

    </div>
</div>

<div class="nav-tabs-justified">
    <div class="nav_wrap">

        <div class="nav_top">
            <div class="nav_top_one">
                <a href="http://localhost:30010"><img src="seckill/img/logo1.jpg" style="height: 60px;width:180px;"/></a>
            </div>
            <div class="nav_top_two"><input type="text"/>
                <button>搜索</button>
            </div>


        </div>

    </div>
</div>

<div class="main">

    <div class="success-wrap">
        <div class="w" id="result">
            <div class="m succeed-box">

                <div th:if="${orderSn != null}" class="mc success-cont">
                    <h1>恭喜，秒杀成功，订单号[[${orderSn}]]</h1>
                    <h2>正在准备订单数据 </h2>
                    <div>
                    <form action="http://localhost:9000/payed/Order" method="post">
                        <p>请输入6位数字支付密码</p>
                        <input type="password" name="password" placeholder=" 密码" class="password" style="outline-style: none ;
                  border: 1px solid #ccc;
                  border-radius: 3px;
                  padding: 14px 14px;
                  width: 160px;
                  font-size: 24px;"/><span>忘记支付密码？</span>
                        <input name="orderSn" type="hidden" th:value="${orderSn}"/>
                        <input name="skuId" type="hidden" th:value="${skuId}"/>

                    <button class="btn one" type="submit" style="border: 1px solid;
                background-color: #FB6E6C;
                text-transform: uppercase;
                font-size: 14px;
                padding: 10px 20px;
                width: 220px;
                font-weight: 300;
                color: white;"><b>立即支付</b></button>
                    </form>
                    </div>
                </div>
                <div th:if="${orderSn == null}">
                    <h1>手气不好，秒杀失败，下次再来</h1>
                    <h2><a href="http://localhost:10000" style="color: red">回到主页，继续参与秒杀</a></h2>
                </div>
            </div>
        </div>
    </div>

</div>
</body>
<script type="text/javascript" src="seckill/js/success.js"></script>

</html>
